<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover">
    @if(isset($layout['seo']))
        <title>{{ isset($layout['seo'])?$layout['seo']->title:"" }}</title>
    @else
        <title>@yield('title')</title>
    @endif

    @hasSection('keywords')
    <meta name="keywords" content="@yield('keywords')"/>
    @else
    <meta name="keywords" content="{{ isset($layout['seo'])?$layout['seo']->key_word:"" }}"/>
    @endif

    @hasSection('description')
    <meta name="description" content="@yield('description')"/>
    @else
    <meta name="description" content="{{ isset($layout['seo'])?$layout['seo']->description:"" }}"/>
    @endif

    <meta property="og:site_name" content="精品舒壓天地" />
    <meta property="og:type" content="{{ request()->path()=='/'?"website":request()->path()=='product'?"product":"article" }}" />
    @if(isset($layout['seo']))
        <meta property="og:title" content="{{ isset($layout['seo'])?$layout['seo']->title:"" }}" />
    @else
        <meta property="og:title" content="@yield('title')" />
    @endif
    @hasSection('description')
        <meta property="og:description" content="@yield('description')" />
    @else
        <meta property="og:description" content="{{ isset($layout['seo'])?$layout['seo']->description:"" }}" />
    @endif
    @hasSection('og-image')
        <meta property="og:image" content="@yield('og-image')" />
    @else
        <meta property="og:image" content="{{ config('app.url') }}/uploads/images/6f845b40dcbebe45c8173c81bf8b3b79.jpg" />
    @endif

    <link rel="canonical" href="{{ config('app.url') }}/{{ trim(request()->getPathInfo(),'/') }}">
    <link rel="alternate" hreflang="zh-TW">
    <link rel="shortcut icon" href="{{ \App\Services\ConfigService::get('favicon')?asset('uploads/'.\App\Services\ConfigService::get('favicon')):'/favicon.ico' }}?ver={{ config('app.asset_version') }}">
    @section('style')
        <style>
            :root{
                --back-color: {!! app('cache.config')->get('back_color') !!};
                --main-color: {!! app('cache.config')->get('main_color') !!};
                --auxiliary-color: {!! app('cache.config')->get('auxiliary_color') !!};
                --darken-main-color: {!! colorDarken(app('cache.config')->get('main_color'),10) !!};
                --alpha-main-color: {!! colorAlpha(app('cache.config')->get('main_color'),.2) !!};
                --section-back-color: {!! app('cache.config')->get('index_section_color') !!};
                --font-family:{!! app('cache.config')->get('font') !!};
            }
        </style>
        <link rel="stylesheet" type="text/css" href="{{ asset('static/css/style.css') }}?ver={{ config('app.asset_version') }}"/>
        <link rel="stylesheet" type="text/css" href="{{ asset('static/css/common.css') }}?ver={{ config('app.asset_version') }}"/>
        <link rel="stylesheet" type="text/css" href="{{ asset('static/less/global.css') }}?ver={{ config('app.asset_version') }}"/>
        <link rel="stylesheet" href="{{ asset('static/font_3122894_ix34x1wtlao/iconfont.css') }}?ver={{ config('app.asset_version') }}">
        <link rel="stylesheet" href="{{ asset('static/swiper4/swiper.min.css') }}?ver={{ config('app.asset_version') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('css/font') }}?ver={{ config('app.asset_version') }}"/>
    @show

    <script src="{{ asset('static/js/jquery.min.js') }}?ver={{ config('app.asset_version') }}"></script>
    {{--<script src="{{ asset('static/js/jquery.waypoints.min.js') }}?ver={{ config('app.asset_version') }}"></script>--}}
    <script src="{{ asset('static/jquery_lazyload/jquery.lazyload.min.js') }}"></script>
    {{--<script>
        var is_ajax_get_cart = 0;
        var flash_data = '{!! session()->get('flash') !!}';

        if(flash_data){
            flash_data = JSON.parse('{!! session()->get('flash') !!}');

        }else{
            flash_data = false;
        }

        var province = [];

        var free_shipping_where = parseInt("{{ \App\Services\ConfigService::get('freight_where',0) }}");
        var free_shipping_freight = parseInt("{{ \App\Services\ConfigService::get('freight',0) }}");

    </script>--}}


    <script src="{{ asset('static/js/inquiry.js') }}"></script>
    <style type="text/css">
        {!! app('cache.config')->get('theme_css') !!}
    </style>

</head>
<body class="@yield('body-class')">

<div class="global-loading hidden" id="loading">
    <img width="50" src="{{ asset_upload(app('cache.config')->get('loading_image')) }}" alt="loading">
</div>

<div class="main-body">
@section('header')
<div class="head-mask"></div>
<header class="{{ request()->path() == '/'?"ef":"not-index" }} @yield('header-class')">
    <div class="wrapper">

        <a href="{{ url('/') }}" class="lds-logo-lilly logo-red logo-sec">
            <!-- <img height="100%" src="{{ app('cache.config')->get('logo')?asset_upload(app('cache.config')->get('logo')):asset('static/img/logo.jpg') }}" alt="{{ app('cache.config')->get('site_name') }}"> -->
            <svg version="1.0" class="logo-svg" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
            viewBox="0 0 1000 1000" xml:space="preserve">
                <path style="transform:translate(-316px, -246px);" fill="#e30087" d="M770.6904297,561.68927
                c0.5595093-0.8491211,0.9147949-1.2415161,1.1075439-1.7019653c13.4255371-32.0803223,32.3170776-60.9338989,53.4240723-88.2871399
                c44.28479-57.3900452,100.0996094-100.3706055,166.3850098-129.4408875
                c37.5007324-16.4464417,76.8696289-25.3467102,118.0986328-23.8530579
                c37.855835,1.3714294,73.4422607,10.6470642,105.4019775,31.7489929
                c29.5058594,19.4818115,49.7894287,46.24823,62.7714844,78.9390259
                c12.0123291,30.2489929,15.1755371,61.7865601,14.7161865,93.9632568
                c-0.5124512,35.8795776-7.4813232,70.5960083-17.989624,104.7714844
                c-10.2077637,33.197937-23.4146729,65.0772705-40.640625,95.2477417
                c-14.6813965,25.713623-31.3588867,50.1025391-49.3450928,73.6091919
                c-36.2674561,47.3988647-77.8731689,89.725647-122.25354,129.4919434
                c-100.8696289,90.3826294-219.5187988,166.8016357-311.2086792,268.5941162
                c-3.3594971,3.7294922-7.5933228,7.0227051-12.0404053,9.3375244c-6.4093628,3.3360596-11.7554321,1.4807129-15.8552246-4.4660645
                c-2.3064575-3.3453369-4.2022705-6.9716797-6.4645996-10.3498535
                c-8.9262085-13.3291016-18.2439575-26.4077148-26.8187256-39.9573975
                C605.0561523,1015.1433105,498.8388367,895.227478,406.356781,765.354126
                c-19.6647339-27.6154175-37.9362183-56.1177368-52.0044556-87.0396729
                c-16.855011-37.0473633-29.259552-75.5053711-33.6845703-116.1607666
                c-3.4371338-31.5790405,0.5404663-62.3802185,10.7056274-92.4772949
                c7.6027832-22.510437,16.4767456-44.3432922,30.0370789-64.0636902
                c19.7686462-28.7489319,46.1434021-48.9783325,78.7515564-60.9598999
                c55.1868591-20.2779541,109.5765686-17.2884216,162.7909851,7.075592
                c39.2852783,17.9865723,70.7505493,45.8983154,97.8777466,79.0738525
                c27.8428955,34.0508118,47.888855,72.430542,63.1866455,113.4633179
                C766.1394043,549.9572754,768.3601074,555.6123047,770.6904297,561.68927z"/>
            </svg>
            <div class="title">
                <p>精品舒壓按摩</p>
                <p class="title-sub">台北男士按摩舒壓會館</p>
            </div>
            
        </a>
       
        <div class="drawer-btn" >
            <div class="menubox" >
                <div class="toggle">
                    <div class="bar bar--top"></div>
                    <div class="bar bar--middle"></div>
                    <div class="bar bar--bottom"></div>
                </div>
                <p class="text">
                    <span class="text-en">MENU</span>
                </p>
            </div>

        </div>
        <div class="nav-sec">
            <ul class="base">
                <li class="link-parent">
                    <a class="base-link " href="javascript:;">開始選妃<i class="iconfont">&#xeca2;</i></a>
                    <div class="dropdown-menu">
                        <ul>
                            @foreach($layout['teams'] as $item)
                                <li class="drop-li">
                                    <a href="{{ url('team-detail/'.$item->id) }}"><p>{{ $item->name }}<span class="count">{{ $item->products->count() }}</span></p><i class="iconfont">&#xe775;</i></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </li>
                <li class="link-parent">
                    <a class="base-link " href="javascript:;">會館介紹<i class="iconfont">&#xeca2;</i></a>
                    <div class="dropdown-menu sg">
                        <ul class="sub">
                            @foreach($layout['teams'] as $item)
                                <li class="drop-li">
                                    <a href="{{ url('team-about/'.$item->id) }}">{{ $item->name }}<i class="iconfont">&#xe775;</i></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </li>
               
                <li class="link-parent"><a class="base-link " href="{{ url('process') }}">如何開始</a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('about') }}">常見問題</a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('news') }}">舒壓攻略</a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('recruit') }}">徵才資訊</a> </li>
                <li class="link-parent">
                    <p class="base-link">預約方式</p>
                    <div class="dropdown-menu con">
                        <div class="btn-sec">
                            <div class="btn-box">
                                <p class="btn-text">電話立即預約：</p>
                                <p class="btn-sub">即時預約一鍵搞定</p>
                                <a href="tel::+886{{ liaison_get('phone') }}" class="button ripple" data-inquire="" data-inquire-type="phone" data-inquire-position="預約方式-浮出">
                                    <i class="iconfont">&#xe6bc;</i>                                
                                    <p class="btn-num">{{ liaison_get('show_phone') }}</p>
                                </a>
                            </div>
                            <div class="btn-box">
                                <p class="btn-text">Line線上預約：</p>
                                <p class="btn-sub">解鎖幹部隱藏紅牌</p>
                                <a href="{{ liaison_get('line_url') }}" target="_blank" class="button ripple" data-inquire="" data-inquire-type="line" data-inquire-position="預約方式-浮出">
                                    <i class="iconfont">&#xebf5;</i>     
                                    <p class="btn-num">{{ liaison_get('line_id') }}</p>
                                </a>

                            </div>
                            <div class="code">
                                <div class="qrcode">
                                    <img src="/static/img/httpsline.metipPRn7voqVej.svg" alt="">
                                </div>
                                <span class="qrname">精品男士舒壓</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            {{--<div class="online"><a href="{{ url('contact') }}"><i class="iconfont front">&#xe63e;</i>聯絡方式</a></div>--}}
        </div>
        <div class="m-nav-sec">
            <ul class="base">
                <li class="link-parent">
                    <a class="base-link " href="javascript:;">
                        <span>開始選妃</span>
                        <div class="title-toggle toggle-off">
                            <span class="bars"></span>
                            <span class="bars"></span>
                        </div>
                    </a>
                    <div class="dropdown-menu">
                        <ul class="secondmenu">
                            @foreach($layout['teams'] as $item)
                                <li class="drop-li">
                                    <a href="{{ url('team-detail/'.$item->id) }}">
                                        <div class="badcover">
                                            <img src="{{ asset_upload($item->cover) }}" alt="{{ $item->name }}">
                                            <p class="cover-title">{{ $item->name }}<span class="count">{{ $item->products->count() }}&nbsp;位美容師</span></p>
                                        </div>
                                    </a>
                                    
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </li>
                <li class="link-parent">
                    <a class="base-link " href="javascript:;">
                        <span>會館介紹</span>
                        <div class="title-toggle toggle-off">
                            <span class="bars"></span>
                            <span class="bars"></span>
                        </div>
                    </a>
                    <div class="dropdown-menu">
                        <ul class="secondmenu">
                            @foreach($layout['teams'] as $item)

                                <li class="drop-li">
                                    <a href="{{ url('team-about/'.$item->id) }}">
                                        <div class="badcover">
                                            <img src="{{ asset_upload($item->cover) }}" alt="{{ $item->name }}">
                                            <div class="cover-text">
                                                <p class="cover-title">{{ $item->name }}</p> 
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </li>
                
                <li class="link-parent"><a class="base-link " href="{{ url('process') }}"><span>如何開始</span><i class="iconfont">&#xe775;</i></a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('about') }}"><span>常見問題</span><i class="iconfont">&#xe775;</i></a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('news') }}"><span>舒壓攻略</span><i class="iconfont">&#xe775;</i></a> </li>
                <li class="link-parent"><a class="base-link " href="{{ url('recruit') }}"><span>徵才資訊</span><i class="iconfont">&#xe775;</i></a> </li>
                <!-- <li class="link-parent"><a class="base-link " href="{{ url('contact') }}"><span>聯絡方式</span><i class="iconfont">&#xe775;</i></a> </li> -->
            </ul>
            <div class="btn-sec">
                <div class="btn-box">
                    <p class="btn-text">電話立即預約：</p>
                    <p class="btn-sub">即時預約現場選妃</p>
                    <a href="tel::+886{{ liaison_get('phone') }}" class="button ripple" data-inquire="" data-inquire-type="phone" data-inquire-position="菜单弹出">
                        <i class="iconfont">&#xe6bc;</i>                                
                        <p class="btn-num">{{ liaison_get('show_phone') }}</p>
                    </a>
                </div>
                <div class="btn-box">
                    <p class="btn-text">Line線上預約：</p>
                    <p class="btn-sub">幫約幹部隱藏紅牌</p>
                    <a href="{{ liaison_get('line_url') }}" target="_blank" class="button ripple" data-inquire="" data-inquire-type="line" data-inquire-position="菜单弹出">
                        <i class="iconfont">&#xebf5;</i>     
                        <p class="btn-num">{{ liaison_get('line_id') }}</p>
                    </a>

                </div>
                <div class="code">
                    <div class="qrcode">
                        <img src="/static/img/httpsline.metipPRn7voqVej.svg" alt="">
                    </div>
                    <span class="qrname">精品男士舒壓</span>
                </div>
            </div>

        </div>

    </div>

</header>
@show


@section('banners')

    @if($layout['banners'])
        <section class="banner-section">
            <div class="swiper-container" id="swiper-banner">
                <div class="swiper-wrapper">
                    @foreach($layout['banners'] as $v)
                    <div class="swiper-slide"><div class="banner" style="background-image: url('{{ asset_upload($v) }}')"></div></div>
                    @endforeach
                </div>
            </div>
            <div class="banner-left">
                <div class="intro">
                    @if(request()->is('news/*'))
                        <p class="title">@yield('topic-title')</p>
                    @else
                        <h1 class="title">@yield('topic-title')</h1>
                    @endif

                    <p class="sub">@yield('topic-describe')</p>

                </div>
                <div class="btn-sec">
                    <div class="btn-box">
                        <p class="btn-text">電話立即預約：</p>
                        <p class="btn-sub">即時預約現場選妃</p>
                        <a href="tel::+886{{ liaison_get('phone') }}" class="button ripple" data-inquire="" data-inquire-type="phone" data-inquire-position="轮播区">
                            <i class="iconfont">&#xe6bc;</i>                                
                            <p class="btn-num">{{ liaison_get('show_phone') }}</p>
                        </a>
                    </div>
                    <div class="btn-box">
                        <p class="btn-text">Line線上預約：</p>
                        <p class="btn-sub">幫約幹部隱藏紅牌</p>
                        <a href="{{ liaison_get('line_url') }}" target="_blank" class="button ripple" data-inquire="" data-inquire-type="line" data-inquire-position="轮播区">
                            <i class="iconfont">&#xebf5;</i>     
                            <p class="btn-num">{{ liaison_get('line_id') }}</p>
                        </a>
                    </div>
                    
                </div>
            </div>
        </section>

    @endif

@show



@yield('content')

@yield('breadcrumb')

@section('footer')
<footer>

    <div class="footer-inner">
        <div class="footer-nav">
            <div class="btn-sec">
                <div class="btn-box">
                    <p class="btn-text">電話立即預約：</p>
                    <p class="btn-sub">即時預約現場選妃</p>
                    <a href="tel::+886{{ liaison_get('phone') }}" class="button ripple" data-inquire="" data-inquire-type="phone" data-inquire-position="页尾">
                        <i class="iconfont">&#xe6bc;</i>                                
                        <p class="btn-num">{{ liaison_get('show_phone') }}</p>
                    </a>
                </div>
                <div class="btn-box">
                    <p class="btn-text">Line線上預約：</p>
                    <p class="btn-sub">幫約幹部隱藏紅牌</p>
                    <a href="{{ liaison_get('line_url') }}" target="_blank" class="button ripple" data-inquire="" data-inquire-type="line" data-inquire-position="页尾">
                        <i class="iconfont">&#xebf5;</i>     
                        <p class="btn-num">{{ liaison_get('line_id') }}</p>
                    </a>
                </div>
            </div>
            <div class="code">
                <div class="qrcode">
                    <img src="/static/img/httpsline.metipPRn7voqVej.svg" alt="">
                </div>
                <!-- <span class="qrname">精品男士舒壓</span> -->
            </div>
        </div>
    </div>
    <p class="copyright">{!! app('cache.config')->get('copyright') !!}</p>

</footer>
@show
</div>
<div class="mask-shade"></div>
</body>

@section('script')
<script src="{{ asset('static/swiper4/swiper.min.js') }}?ver={{ config('app.asset_version') }}"></script>
<script src="{{ asset('static/js/jquery.cookie.js') }}?ver={{ config('app.asset_version') }}"></script>

{!! \App\Services\ConfigService::get('google_ga') !!}
<script>
    var isChromeOniOS = /CriOS/.test(navigator.userAgent);
    if (isChromeOniOS) {
        $('a').removeAttr('target');
    }
</script>
<script>

    var banner_number = parseInt("{{ count($layout['banners']) }}")
    var mySwiper = new Swiper('#swiper-banner', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        speed:1000,
        loop:banner_number>1?true:false,
        effect: 'fade',
    })


    function loading(is_show){
        if(is_show){
            $('body').addClass('_show_loading');
        }else{
            $('body').removeClass('_show_loading');
        }

    }
    $(document).scroll(function() {
        var scroH = $(document).scrollTop();  //滚动高度
        var viewH = $(window).height();  //可见高度
        var contentH = $(document).height();  //内容高度

        if(scroH >= 300){
            $('header').addClass('fixed')

        }

        if(scroH < 299){
            $('header').removeClass('fixed')
        }

    });
    $('.drawer-btn').click(function(){
        if($('.m-nav-sec').hasClass('m-show')){
            $('.m-nav-sec').removeClass('m-show')
            $('.logo-sec').removeClass('logo-show')
            $('body').removeClass('show-mobile-menu')
            $(this).find('i').html('&#xe62c;')
            $(this).removeClass('show-open');
            $(this).find('.text-en').text('MENU');
        }else{
            $('.m-nav-sec').addClass('m-show')
            $('.logo-sec').addClass('logo-show')
            $('body').addClass('show-mobile-menu')
            $(this).find('i').html('&#xeca0;')
            $(this).addClass('show-open');
            $(this).find('.text-en').text('CLOSE');
        }
    });

    $('.mask-shade').click(function(){
        $('.m-nav-sec').removeClass('m-show')
        $('body').removeClass('show-mobile-menu')
        $('.drawer-btn').find('i').html('&#xe62c;');
    });

    $(function(){



        $('.dropdown-menu2').hover(function(){
            $(this).parent().addClass('hover-sub');
        },function(){
            $(this).parent().removeClass('hover-sub');
        })

        $('.m-nav-sec .base-link').click(function(){
            $(this).next('.dropdown-menu').slideToggle(300);
            if($(this).hasClass('open')){
                $(this).removeClass('open');
                $(this).find('.title-toggle').addClass('toggle-off');
            }else{
                $(this).addClass('open');
                $(this).find('.title-toggle').removeClass('toggle-off');
            }

        });

        $('.m-nav-sec .drop-li a').click(function(){
            $(this).next('.dropdown-menu2').slideToggle(300);
            if($(this).hasClass('open')){
                $(this).removeClass('open');
            }else{
                $(this).addClass('open');
            }
        })
    })

</script>
<script>
    window.addEventListener('load', function() {
        $('img.lazyload').each(function (){
            var src = $(this).attr('data-src');
            if(src){
                $(this).attr('src',src);
                $(this).removeAttr('data-src');
            }
        });
    });

</script>
@show

</html>
